<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>wetravel 后台</title>
    <%@include file="/resources/common/head.jsp" %>
    <style type="text/css">
        .layui-body{
            border-left: solid 2px #1AA094;
            border-top: solid 5px #1AA094;
            overflow: hidden;
        }
        .layui-layout-admin .layui-body{
            bottom: 0px;
        }
        .layui-tab{
            margin-top: 0px;
        }
        .layui-tab-card{
            border-top: 0px;
            border-left: 0px;
        }
        .layui-tab-title .layui-this:after{
            border-radius:0px !important;
            border-width:0px;
        }
        .layui-this{
            color: #fff !important;
            background-color: #1AA094 !important;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">wetravel 后台</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">通知</a></li>
            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="/resources/images/face.png" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll" id="admin-navbar-side">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">分类管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="site-demo-active" data-type="tabCategoryAddress">地区</a></dd>
                        <dd><a href="javascript:;" class="site-demo-active" data-type="tabCategoryProperty">属性</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="site-demo-active" data-type="tabScenicSpot">景点管理</a></dd>
                        <dd><a href="javascript:;">门票管理</a></dd>
                        <dd><a href="javascript:;">酒店管理</a></dd>
                        <dd><a href="javascript:;">房型管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">订单管理</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">交易管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">订单退款</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">统计</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <div class="layui-tab" lay-filter="demo" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="11">通知</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <h3>今日通知</h3>
                    <br>
                    XXXXXX
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //JavaScript代码区域
    layui.config({
        base: '/resources/res/js/modules/' //你存放新模块的目录，注意，不是layui的模块目录
    }).use('backend'); //加载入口

    //iframe自适应
    $(window).on('resize', function () {
        var $content = $('.layui-tab-content');
        $content.height($(this).height() - 120);
        $content.find('iframe').each(function () {
            $(this).height($content.height());
        });
    }).resize();
</script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</body>
</html>